<!DOCTYPE html>
<html lang="zh"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>(客服部)-客户列表</title>
    <link rel="icon" href="favicon.ico" type="images/ico" />
    <meta name="author" content="dc" />
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css" />
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css" />
    <!--固定table列-->
    <link href="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css" rel="stylesheet"/>
    <!--标签插件-->
    <link rel="stylesheet" href="/js/jquery-tags-input/jquery.tagsinput.min.css" />
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css" />
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css">
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-multiselect.css" type="text/css"/>
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>
    <link rel="stylesheet" href="/css/skin.css"/>
<!--    <link rel="stylesheet" href="/css/customerManager/customerPoolDetail.css"/>-->
    <link rel="stylesheet" charset="utf-8" href="/css/csd/customerManager/customerList.css"/>
</head>
<body>
<div>
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-header">
                        <h1>客户列表</h1>
                        <div class="min-search pull-right" id="searchContainer">
                            <input class="form-control" id="customerName" name="customerName" type="text" placeholder="请输入客户名称">
                            <button class="btn btn-primary" type="button" id="btn-search-simple"><i class="mdi mdi-magnify"></i>搜索</button>
                        </div>
                    </div>
                    <div class="card-body">
                        <!--tab页-->
                        <input type="hidden" id="tabNumber" name="tabNumber" value="">
                        <div class="headerContainer clearfix">
                            <ul class="new-tabs pull-left col-lg-5 col-md-5 col-sm-5 col-xs-12">
                                <!-- 全部 会员客户 非会员客户-->
                                <li class="nav-item active">
                                    <a href="#" data-toggle="tab" aria-expanded="false" id="allTab" onclick="changeTab('all')">全部</a>
                                </li>
                                <li class="nav-item">
                                    <a href="#" data-toggle="tab" aria-expanded="false" id="memberContractTab" onclick="changeTab('member')">会员客户</a>
                                </li>
                                <li class="nav-item">
                                    <a href="#" data-toggle="tab" aria-expanded="false" id="noMember" onclick="changeTab('noMember')">非会员客户</a>
                                </li>

                            </ul>
                            <div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
                                <div class="pull-right">
                                    <div class="selectContainer">
                                        <select id="companySelect" title="所属分公司"  name="companySelect" class="form-control selectpicker"  data-live-search="true">
                                            <option value="">请选择</option>
                                        </select>
                                    </div>
                                    <div class="selectContainer" style="margin-left:12px;">
                                        <select id="userSelect" title="所有人" name="userSelect" class="form-control selectpicker"  data-live-search="true">
                                            <option value="">请选择</option>
                                        </select>
                                    </div>
                                    <button style="margin-left:12px;" class="btn btn-primary" onClick="localSearch()" type="button">提交</button>
                                    <div id="advanceFilterContainer">
                                        <button class="btn btn-default btn-senior" onClick="showToggle()"><i class="mdi mdi-sort-variant"></i>高级筛选</button>
                                        <div id="filterFilesContainer" class="clearfix">
                                            <div id="filterFiles">
                                                <i class="trangle"></i>
                                                <div class="clearfix">
                                                    <div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                                        <label for="customerType">客户类型</label>
                                                        <div class="formCon">
                                                            <select id="customerType" title="请选择客户类型" name="customerType" class="form-control selectpicker">
                                                                <option value="">请选择客户类型</option>
                                                                <option value="0">企业客户</option>
                                                                <option value="1">个人客户</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                                        <label for="currentStatus">领取状态</label>
                                                        <div class="formCon">
                                                            <select id="currentStatus" title="请选择领取状态" name="currentStatus" class="form-control selectpicker">
                                                                <option value="">请选择领取状态</option>
                                                                <option value="0">未领取</option>
                                                                <option value="1">已领取</option>
                                                                <option value="2">已分配</option>
                                                                <option value="3">自建客户</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                                        <label for="customerLevel">客户等级</label>
                                                        <div class="formCon">
                                                            <select id="customerLevel" title="请选择客户等级" name="customerLevel" class="form-control selectpicker">
                                                                <option value="">请选择客户等级</option>
                                                                <option value="1">A级客户</option>
                                                                <option value="2">B级客户</option>
                                                                <option value="3">C级客户</option>
                                                                <option value="4">D级客户</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12" id="memberType">
                                                        <label for="newOrderRenewalCustomer">会员类型</label>
                                                        <div class="formCon">
                                                            <select id="newOrderRenewalCustomer" title="请选择会员类型" name="newOrderRenewalCustomer" class="form-control selectpicker">
                                                                <option value="">请选择会员类型</option>
                                                                <option value="0">会员新单</option>
                                                                <option value="1">会员续费</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                                        <label>所在行业</label>
                                                        <div class="formCon">
                                                            <select class="form-control selectpicker" id="industry"  title="请选择行业" data-live-search="true">
                                                                <option value="">请选择行业</option>
                                                                <option value="农、林、牧、渔业">农、林、牧、渔业</option>
                                                                <option value="采矿业">采矿业</option>
                                                                <option value="制造业">制造业</option>
                                                                <option value="电力、热力、燃气及水生产和供应业">电力、热力、燃气及水生产和供应业</option>
                                                                <option value="建筑业">建筑业</option>
                                                                <option value="有色金属冶炼和压延加工业">有色金属冶炼和压延加工业</option>
                                                                <option value="批发和零售业">批发和零售业</option>
                                                                <option value="交通运输、仓储和邮政业">交通运输、仓储和邮政业</option>
                                                                <option value="住宿和餐饮业">住宿和餐饮业</option>
                                                                <option value="信息传输、软件和信息技术服务业">信息传输、软件和信息技术服务业</option>
                                                                <option value="金融业">金融业</option>
                                                                <option value="房地产业">房地产业</option>
                                                                <option value="租赁和商务服务业">租赁和商务服务业</option>
                                                                <option value="科学研究和技术服务业">科学研究和技术服务业</option>
                                                                <option value="水利、环境和公共设施管理业">水利、环境和公共设施管理业</option>
                                                                <option value="居民服务、修理和其他服务业">居民服务、修理和其他服务业</option>
                                                                <option value="教育">教育</option>
                                                                <option value="卫生和社会工作">卫生和社会工作</option>
                                                                <option value="文化、体育和娱乐业">文化、体育和娱乐业</option>
                                                                <option value="公共管理、社会保障和社会组织">公共管理、社会保障和社会组织</option>
                                                                <option value="国际组织">国际组织</option>
                                                                <option value="个人客户">个人客户</option>
                                                                <option value="其他">其他</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <!--创建日期(区间)查input-group-->
                                                    <div class="form-group  col-lg-6 col-md-6 col-sm-6  col-xs-12" >
                                                        <label for="createTmStart">创建日期</label>
                                                        <div class="form-content input-group formCon">
                                                            <input type="text"   class="form-control create-time" id="createTmStart"
                                                                   placeholder="请输入起始时间" autocomplete="off">
                                                            <span class="input-group-addon">至</span>
                                                            <input type="text"   class="form-control create-time" id="createTmEnd"
                                                                   placeholder="请输入截止时间" autocomplete="off">
                                                        </div>
                                                    </div>
                                                    <div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                                        <label for="memberErrorData">客户状态</label>
                                                        <div class="formCon">
                                                            <select id="memberErrorData" title="请选择客户状态" name="memberErrorData" class="form-control selectpicker">
                                                                <option value="">请选择客户状态</option>
                                                                <option value="0">正确</option>
                                                                <option value="1">错误</option>
                                                                <option value="2">锁定</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div id="btnsContainer">
                                                        <button class="btn btn-primary" type="button" id="btn-search" onClick="localSearch()">
                                                            <i class="mdi mdi-magnify"></i><span>搜索</span>
                                                        </button>
                                                        <button class="btn btn-default" id="btn-reset" onClick="resetData()">重置</button>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>

                                    </div>
                                </div>


                            </div>
                        </div>


                        <div class="tab-content">
                            <div class="tab-pane fade active in" id="home-basic">
                                <!--客户列表-->
                                <table id="customerTableList"></table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 模态框 解锁/锁定 -->
<div class="modal fade" tabindex="-1" role="dialog" id="dialogReason">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body" style="min-height: 200px;">
                <!-- start -->
                <h4 style="line-height: 40px;font-size: 14px;font-weight: bold;" id="modalTitle">锁定原因</h4>
                <form class="form-horizontal">
                    <textarea class="form-control" id="reasonContent" name="reasonContent" rows="6" placeholder="请输入锁定原因"></textarea>
                </form>
                <div style="width: 100%;display: flex;justify-content: center; margin-top: 30px;">
                    <div class="btn btn-primary" style="margin-right: 20px;" onclick="confirmReason()">确定</div>
                    <div type="button" class="btn btn-default" data-dismiss="modal">取消</div>
                </div>
                <!-- end -->
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<!--标签插件-->
<script src="/js/jquery-tags-input/jquery.tagsinput.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<!--<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>-->
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min-1.18.3.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<!--table固定列-->
<script type="text/javascript" src="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.js"></script>
<!--时间选择插件-->
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<!-- 多选框下拉 -->
<script src="/js/crm/common/companyUserSelect.js"></script>
<script type="text/javascript" src="/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<script type="text/javascript" src="/js/bootstrap.lyear.dropdowntree.min.js"></script>
<!-- 子页面公用js -->
<script src="/js/crm/common/pageCommon.js"></script>
<script src="/js/crm/csd/customerManager/customerList.js"></script>
</html>